<template>
  <div class="header">
    <div class="icon-top" @click="operate()"><img src="../assets/picture/operate.png" width="29" height="29"></div>
    <div class="icon-top logo-icon"><img src="../assets/picture/logo.png" width="72" height="28"></div>
    <div class="icon-top" @click="myCenter()"><img src="../assets/picture/myCenter.png" width="29" height="29"></div>
  </div>
</template>

<script>
  export default {
    data () {
      return {
      }
    },
    methods: {
      operate () {
        this.$router.push({name: 'menuitem'})
      },
      myCenter () {
        this.$router.push({name: 'scratch-record'})
      }
    }
  }
</script>

<style scope lang="scss">
  .header{
    height: 49px;
    margin: 0 12px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    .icon-top{
      img{
        display: inherit;
      }
    }
  }
</style>
